<!--
 作者 : 唐梓元
 日期 : 2019-7-15
 版本 : 1.0
 描述 :管理页面导航
 使用 : <entranceHead :manageTitle="manageTitle"></entranceHead>
 参数 :manageTitle 为父组件传过来的表格数据
 -->
<template>
    <div class="headerWrapper f-bian">
         <div class="flex logo"> <img src="" alt="" class="logo1"> <img class="logo2" src="" alt=""><span>{{manageTitle}}</span></div>
         <div class="headRight" @click="do_getBack"><img src="../../../assets/manage/tuichu2019710.png" alt=""> <span></span> 退出</div>
    </div>
</template>

<script>
    export default {
        name: "cm_entranceHead",
      props:{
          manageTitle:String
      },
      methods:{
        do_getBack(){
          this.$router.push("yw_cgkManage")
        }
      }
    }
</script>

<style scoped>
.headerWrapper{
  background-color: #418DFD;
  height: 70px;
 padding: 0 20px;
  color: white;
  background:url("../../../assets/manage/toubu2019710.png") center no-repeat ;
  background-size: 100% 148%;
}
.logo{
  width: 550px;
  align-items: center;

}
.headerWrapper .logo .logo1{
  flex: 0 0 60px;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border:1px solid red;
  /* //margin-top: 10px; */
  margin:5px 10px
}
.headerWrapper .logo .logo2{
  flex:1;
  height: 60px;
  border:1px solid red;
  margin:5px 10px
}
  .logo span{
    flex: 0 0 150px;
    padding-left: 15px;
    margin-left: 15px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    color: white;
    border-left: 2px solid white;
  }
.headRight{
  cursor: pointer;
}
  .headRight img{
    width: 23px;
    height: 23px;
    margin-right: 5px;
    position: relative;
    top: -2px;
  }
</style>
